@media only screen and (min-width: 320px) {
    html {
        font-size: 20 * (320 / 375) * 1PX;
    }
}

@media only screen and (min-width: 360px) {
    html {
        font-size: 20 * (360 / 375) * 1PX;
    }
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 20 * (375 / 375) * 1PX;
    }
}

@media only screen and (min-width: 412px) {
    html {
        font-size: 20 * (412 / 375) * 1PX;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 20 * (414 / 375) * 1PX;
    }
}

@media only screen and (min-width: 640px) {
    html {
        font-size: 20 * (640 / 375) * 1PX;
    }
}